// klineConfig.js
export const config = {
	// 网格线
	grid: {
		show: true,
		horizontal: {
			show: true,
			size: 1,
			color: '#EDEDED',
			style: 'dashed',
			dashedValue: [2, 2]
		},
		vertical: {
			show: true,
			size: 1,
			color: '#EDEDED',
			style: 'dashed',
			dashedValue: [2, 2]
		}
	},
	// 蜡烛图
	candle: {
		// 蜡烛图类型 'candle_solid'|'candle_stroke'|'candle_up_stroke'|'candle_down_stroke'|'ohlc'|'area'
		type: 'candle_solid',
		// 蜡烛柱
		bar: {
			upColor: '#2DC08E',
			downColor: '#F92855',
			noChangeColor: '#888888',
			upBorderColor: '#2DC08E',
			downBorderColor: '#F92855',
			noChangeBorderColor: '#888888',
			upWickColor: '#2DC08E',
			downWickColor: '#F92855',
			noChangeWickColor: '#888888'
		},
		// 面积图
		area: {
			lineSize: 2,
			lineColor: '#2196F3',
			value: 'close',
			backgroundColor: [{
				offset: 0,
				color: 'rgba(33, 150, 243, 0.01)'
			}, {
				offset: 1,
				color: 'rgba(33, 150, 243, 0.2)'
			}]
		},
		priceMark: {
			show: true,
			// 最高价标记
			high: {
				show: true,
				color: '#D9D9D9',
				textOffset: 5,
				textSize: 10,
				textFamily: 'Helvetica Neue',
				textWeight: 'normal'
			},
			// 最低价标记
			low: {
				show: true,
				color: '#D9D9D9',
				textOffset: 5,
				textSize: 10,
				textFamily: 'Helvetica Neue',
				textWeight: 'normal',
			},
			// 最新价标记
			last: {
				show: true,
				upColor: '#2DC08E',
				downColor: '#F92855',
				noChangeColor: '#888888',
				line: {
					show: true,
					// 'solid' | 'dashed'
					style: 'dashed',
					dashedValue: [4, 4],
					size: 1
				},
				text: {
					show: true,
					// 'fill' | 'stroke' | 'stroke_fill'
					style: 'fill',
					size: 12,
					paddingLeft: 4,
					paddingTop: 4,
					paddingRight: 4,
					paddingBottom: 4,
					// 'solid' | 'dashed'
					borderStyle: 'solid',
					borderSize: 0,
					borderColor: 'transparent',
					borderDashedValue: [2, 2],
					color: '#FFFFFF',
					family: 'Helvetica Neue',
					weight: 'normal',
					borderRadius: 2
				}
			}
		},
		// 提示
		tooltip: {
			// 'always' | 'follow_cross' | 'none'
			showRule: 'always',
			// 'standard' | 'rect'
			showType: 'standard',
			// 自定义显示，可以是回调方法也可以是数组，当是一个方法时，需要返回一个数组
			// 数组的子项类型为 { title, value }
			// title和value可以是字符串或者对象，对象类型为 { text, color }
			// title 或者 title.text 可以是国际化的 key，
			// value 或者 value.text 支持字符串模版
			// 例如：想显示时间，开盘和收盘，配置[{ title: 'time', value: '{time}' }, { title: 'open', value: '{open}' }, { title: 'close', value: '{close}' }]
			custom: null,
			defaultValue: 'n/a',
			rect: {
				// 'fixed' | 'pointer'
				position: 'fixed',
				paddingLeft: 0,
				paddingRight: 0,
				paddingTop: 0,
				paddingBottom: 6,
				offsetLeft: 10,
				offsetTop: 8,
				offsetRight: 10,
				offsetBottom: 8,
				borderRadius: 4,
				borderSize: 1,
				borderColor: '#f2f3f5',
				color: '#FEFEFE'
			},
			text: {
				size: 12,
				family: 'Helvetica Neue',
				weight: 'normal',
				color: '#D9D9D9',
				marginLeft: 10,
				marginTop: 8,
				marginRight: 6,
				marginBottom: 0
			},
			// 示例：
			// [{
			//   id: 'icon_id',
			//   position: 'left', // 类型有'left'，'middle'，'right'
			//   marginLeft: 8,
			//   marginTop: 6,
			//   marginRight: 0,
			//   marginBottom: 0,
			//   paddingLeft: 1,
			//   paddingTop: 1,
			//   paddingRight: 1,
			//   paddingBottom: 1,
			//   icon: '\ue900',
			//   fontFamily: 'iconfont',
			//   size: 12,
			//   color: '#76808F',
			//   backgroundColor: 'rgba(33, 150, 243, 0.2)',
			//   activeBackgroundColor: 'rgba(33, 150, 243, 0.4)'
			// }]
			icons: []
		}
	},
	// 技术指标
	indicator: {
		ohlc: {
			upColor: 'rgba(45, 192, 142, .7)',
			downColor: 'rgba(249, 40, 85, .7)',
			noChangeColor: '#888888'
		},
		bars: [{
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderSize: 1,
			borderDashedValue: [2, 2],
			upColor: 'rgba(45, 192, 142, .7)',
			downColor: 'rgba(249, 40, 85, .7)',
			noChangeColor: '#888888'
		}],
		lines: [{
			// 'solid' | 'dashed'
			style: 'solid',
			smooth: false,
			size: 1,
			dashedValue: [2, 2],
			color: '#FF9600'
		}, {
			style: 'solid',
			smooth: false,
			size: 1,
			dashedValue: [2, 2],
			color: '#935EBD'
		}, {
			style: 'solid',
			smooth: false,
			size: 1,
			dashedValue: [2, 2],
			color: '#2196F3'
		}, {
			style: 'solid',
			smooth: false,
			size: 1,
			dashedValue: [2, 2],
			color: '#E11D74'
		}, {
			style: 'solid',
			smooth: false,
			size: 1,
			dashedValue: [2, 2],
			color: '#01C5C4'
		}],
		circles: [{
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderSize: 1,
			borderDashedValue: [2, 2],
			upColor: 'rgba(45, 192, 142, .7)',
			downColor: 'rgba(249, 40, 85, .7)',
			noChangeColor: '#888888'
		}],
		// 最新值标记
		lastValueMark: {
			show: false,
			text: {
				show: false,
				// 'fill' | 'stroke' | 'stroke_fill'
				style: 'fill',
				color: '#FFFFFF',
				size: 12,
				family: 'Helvetica Neue',
				weight: 'normal',
				// 'solid' | 'dashed'
				borderStyle: 'solid',
				borderSize: 1,
				borderDashedValue: [2, 2],
				paddingLeft: 4,
				paddingTop: 4,
				paddingRight: 4,
				paddingBottom: 4,
				borderRadius: 2
			}
		},
		// 提示
		tooltip: {
			// 'always' | 'follow_cross' | 'none'
			showRule: 'always',
			// 'standard' | 'rect'
			showType: 'standard',
			showName: true,
			showParams: true,
			defaultValue: 'n/a',
			text: {
				size: 12,
				family: 'Helvetica Neue',
				weight: 'normal',
				color: '#D9D9D9',
				marginTop: 8,
				marginRight: 10,
				marginBottom: 0,
				marginLeft: 6
			},
			// 示例：
			// [{
			//   id: 'icon_id',
			//   position: 'left', // 类型有'left'，'middle'，'right'
			//   marginLeft: 8,
			//   marginTop: 6,
			//   marginRight: 0,
			//   marginBottom: 0,
			//   paddingLeft: 1,
			//   paddingTop: 1,
			//   paddingRight: 1,
			//   paddingBottom: 1,
			//   icon: '\ue900',
			//   fontFamily: 'iconfont',
			//   size: 12,
			//   color: '#76808F',
			//   backgroundColor: 'rgba(33, 150, 243, 0.2)',
			//   activeBackgroundColor: 'rgba(33, 150, 243, 0.4)'
			// }]
			icons: []
		}
	},
	// x轴
	xAxis: {
		show: true,
		size: 'auto',
		// x轴线
		axisLine: {
			show: true,
			color: '#888888',
			size: 1
		},
		// x轴分割文字
		tickText: {
			show: true,
			color: '#D9D9D9',
			family: 'Helvetica Neue',
			weight: 'normal',
			size: 12,
			marginStart: 4,
			marginEnd: 4
		},
		// x轴分割线
		tickLine: {
			show: true,
			size: 1,
			length: 3,
			color: '#888888'
		}
	},
	// y轴
	yAxis: {
		show: true,
		size: 'auto',
		// 'left' | 'right'
		position: 'right',
		// 'normal' | 'percentage' | 'log'
		type: 'normal',
		inside: false,
		reverse: false,
		// y轴线
		axisLine: {
			show: true,
			color: '#888888',
			size: 1
		},
		// x轴分割文字
		tickText: {
			show: true,
			color: '#D9D9D9',
			family: 'Helvetica Neue',
			weight: 'normal',
			size: 12,
			marginStart: 4,
			marginEnd: 4
		},
		// x轴分割线
		tickLine: {
			show: true,
			size: 1,
			length: 3,
			color: '#888888'
		}
	},
	// 图表之间的分割线
	separator: {
		size: 1,
		color: '#888888',
		fill: true,
		activeBackgroundColor: 'rgba(230, 230, 230, .15)'
	},
	// 十字光标
	crosshair: {
		show: true,
		// 十字光标水平线及文字
		horizontal: {
			show: true,
			line: {
				show: true,
				// 'solid'|'dashed'
				style: 'dashed',
				dashedValue: [4, 2],
				size: 1,
				color: '#888888'
			},
			text: {
				show: true,
				// 'fill' | 'stroke' | 'stroke_fill'
				style: 'fill',
				color: '#FFFFFF',
				size: 12,
				family: 'Helvetica Neue',
				weight: 'normal',
				// 'solid' | 'dashed'
				borderStyle: 'solid',
				borderDashedValue: [2, 2],
				borderSize: 1,
				borderColor: '#686D76',
				borderRadius: 2,
				paddingLeft: 4,
				paddingRight: 4,
				paddingTop: 4,
				paddingBottom: 4,
				backgroundColor: '#686D76'
			}
		},
		// 十字光标垂直线及文字
		vertical: {
			show: true,
			line: {
				show: true,
				// 'solid'|'dashed'
				style: 'dashed',
				dashedValue: [4, 2],
				size: 1,
				color: '#888888'
			},
			text: {
				show: true,
				// 'fill' | 'stroke' | 'stroke_fill'
				style: 'fill',
				color: '#FFFFFF',
				size: 12,
				family: 'Helvetica Neue',
				weight: 'normal',
				// 'solid' | 'dashed'
				borderStyle: 'solid',
				borderDashedValue: [2, 2],
				borderSize: 1,
				borderColor: '#686D76',
				borderRadius: 2,
				paddingLeft: 4,
				paddingRight: 4,
				paddingTop: 4,
				paddingBottom: 4,
				backgroundColor: '#686D76'
			}
		}
	},
	// 覆盖物
	overlay: {
		point: {
			color: '#1677FF',
			borderColor: 'rgba(22, 119, 255, 0.35)',
			borderSize: 1,
			radius: 5,
			activeColor: '#1677FF',
			activeBorderColor: 'rgba(22, 119, 255, 0.35)',
			activeBorderSize: 3,
			activeRadius: 5
		},
		line: {
			// 'solid' | 'dashed'
			style: 'solid',
			smooth: false,
			color: '#1677FF',
			size: 1,
			dashedValue: [2, 2]
		},
		rect: {
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			color: 'rgba(22, 119, 255, 0.25)',
			borderColor: '#1677FF',
			borderSize: 1,
			borderRadius: 0,
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderDashedValue: [2, 2]
		},
		polygon: {
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			color: '#1677FF',
			borderColor: '#1677FF',
			borderSize: 1,
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderDashedValue: [2, 2]
		},
		circle: {
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			color: 'rgba(22, 119, 255, 0.25)',
			borderColor: '#1677FF',
			borderSize: 1,
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderDashedValue: [2, 2]
		},
		arc: {
			// 'solid' | 'dashed'
			style: 'solid',
			color: '#1677FF',
			size: 1,
			dashedValue: [2, 2]
		},
		text: {
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			color: '#FFFFFF',
			size: 12,
			family: 'Helvetica Neue',
			weight: 'normal',
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderDashedValue: [2, 2],
			borderSize: 0,
			borderRadius: 2,
			borderColor: '#1677FF',
			paddingLeft: 0,
			paddingRight: 0,
			paddingTop: 0,
			paddingBottom: 0,
			backgroundColor: 'transparent'
		},
		rectText: {
			// 'fill' | 'stroke' | 'stroke_fill'
			style: 'fill',
			color: '#FFFFFF',
			size: 12,
			family: 'Helvetica Neue',
			weight: 'normal',
			// 'solid' | 'dashed'
			borderStyle: 'solid',
			borderDashedValue: [2, 2],
			borderSize: 1,
			borderRadius: 2,
			borderColor: '#1677FF',
			paddingLeft: 4,
			paddingRight: 4,
			paddingTop: 4,
			paddingBottom: 4,
			backgroundColor: '#1677FF'
		}
	}
}